<template>
 <div>
     <h1>首页</h1>
     <button @click="handle">点击跳转到新闻页</button>
 </div>
</template>

<script>
export default {
    data(){
         return{}
    },
    created(){
        // 每一个路由规则对象
        console.log(this.$route)
        document.title = this.$route.meta.title
    },
    methods:{
        handle(){
            // 编程式导航
            // console.log(this.$router)
            // 当前路由实例化对象
            this.$router.push('/news')
            // this.$router.replace('/news')
        }
    },
    components:{}
}

</script>
<style scoped>
</style>